<template>
   <div>
       <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/' }" >首页</el-breadcrumb-item>
            <el-breadcrumb-item>{{first}}</el-breadcrumb-item>
            <el-breadcrumb-item :to="thirdly?{path:'/goods'} : '' ">{{second}}</el-breadcrumb-item>
            <el-breadcrumb-item v-if="thirdly">{{thirdly}}</el-breadcrumb-item>
        </el-breadcrumb>
   </div>
</template>
<script>
export default {
  props: {
    first: {
      type: String,
      default: '用户管理'
    },
    second: {
      type: String,
      default: '用户列表'
    },
    thirdly: {
      type: String
    }
  },
  data () {
    return {

    }
  },
  methods: {

  }
}
</script>
<style scoped>
    div{
        margin-bottom: 10px;
    }
</style>
